<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,uesr-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/tepi.css">
  <link rel="stylesheet" href="../css/inde-c3.css">
  <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
  <!-- <link rel="stylesheet" href="../css/qiandao_style.css"> -->
</head>

<body>
  <div class="objConter">
    <div class="leftFixlis">
      <div class="fixTophead"><img src="../images/detail-data-tu.gif" alt=""></div>
      <div class="fixCont">
        <ul>
          <a href="">
            <li class="mouseclick"> <i class="fa fa-cloud-download"></i> 云视频 <i class="fa fa-chevron-right"style="display:none;"></i>
            </li>
          </a>
          <a href="">
            <li class="mouseclick"> <i class="fa fa-vcard-o"></i> 学生信息 <i class="fa fa-chevron-right"style="display:none;"></i>
            </li>
          </a>


          <a href="">
            <li class="mouseclick"> <i class="fa fa-clipboard"></i> 审查批阅 <i class="fa fa-chevron-right"></i></li>
          </a>


        </ul>

      </div>
    </div>
    <div class="conterTop">
      <div class="topCont clearBox">
        <div class="topLeft">
          <ul class="topLeft-font">
            <a href="../index.jsp">
              <li class="mouseclick"><i class="fa fa-home"></i>主页</li>
            </a>
            <a href="">
              <li class="mouseclick cta">题库</li>
            </a>
            <a href="">
              <li class="mouseclick cta">班级</li>
            </a>
            <a href="">
              <li class="mouseclick"> <i class="fa fa-th"></i>更多功能</li>
            </a>
            <li class="mouseclick clearBox" id="top-seek">
              <form action="">
                <input type="text" placeholder="视频名称">
                <!-- <button class="fa fa-search"></button> -->
                <input type="submit" value="">
              </form>

            </li>
          </ul>
        </div>
        <div class="topRight">
          <ul class="topRight-font clearBox">
            <a href="">
              <li class="rightlis selectFar mouseclick"><img src="../images/detail-data-tu.gif" alt="">
                <ul class="selectCont">
                  <a href="detail.jsp">
                    <li class="mouseclick cta">资料</li>
                  </a>
                  <a href="">
                    <li class="mouseclick cta">可更改</li>
                  </a>
                  <a href="">
                    <li class="mouseclick cta">可更改</li>
                  </a>
                </ul>
              </li>
            </a>
            <a href="">
              <li class="rightlis mouseclick"><i class="fa fa-bell"></i> 消息

              </li>
            </a>
          </ul>
        </div>
      </div>
    </div>
    <div class="conterQuestion">
      <div class="tebutton">
        <button class="add">添加试卷</button>
        <button class="delall">批量删除</button>
        <div class="sel">
          <input type="text" name="selvideo" id="selvideo" placeholder="搜索试卷">
          <button><i class="fa fa-search"></i></button>
        </div>
      </div>
      <table class="vtab">
        <thead>
          <tr>
            <td><input type="checkbox" class="checkall"></td>
            <td>序号</td>
            <td>试卷名称</td>
            <td>日期</td>
            <td>批阅状态</td>
            <td>操作</td>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><input type="checkbox" class="checkitem"></td>
            <td>1</td>
            <td><a href="javascript:;"> sql测试</a></td>
            <td>2019-05-05</td>
            <td>
              已批改
            </td>
            <td>
              <button class="del">删除</button>
              <button class="edit">修改</button>
            </td>
          </tr>
        </tbody>
      </table>
      <div class="text-from1">
        <form action="" class="add-t">
          <fieldset>
              <legend>添加信息</legend>
              <form action="">
                <input class="f1" type="text" name="tname" id="tname" placeholder="请输入试卷名称">
                <input class="f1" type="text" name="ttime" id="ttime" placeholder="请输入批卷日期">
                <div>
                    <label for=""><input type="radio" name="jtext" value="已批改">已批改</label>
                    <label for=""><input type="radio" name="jtext" value="未批改">未批改</label>
                </div>
               
                <button class="Aquiet" id="add-no" >取消</button>
                <input type="submit" class="Asure" id="add-yes" value="确定">
              </form>
          </fieldset>
        </form>
      </div>
      <div class="text-from2">
          <form action="" class="edit-t">
            <fieldset>
                <legend>修改信息</legend>
                <form action="">
                  <input class="f1" type="text" name="tname" id="tname" placeholder="请输入试卷名称">
                  <input class="f1" type="text" name="ttime" id="ttime" placeholder="请输入批卷日期">
                  <div>
                      <label for=""><input type="radio" name="jtext" value="已批改">已批改</label>
                      <label for=""><input type="radio" name="jtext" value="未批改">未批改</label>
                  </div>
                 
                  <button class="Bquiet" id="edit-no" >取消</button>
                  <input type="submit" class="Bsure" id="edit-yes" value="确定">
                </form>
            </fieldset>
          </form>
        </div>
    </div>









</body>
<script src="../js/jquery-3.3.1.js"></script>
<script src="../js/csanimate.js"></script>
<script src="../js/qiandao_js.js"></script>
<script src="../js/testu.js"></script>
<script>
    $('.checkall').on('click', function () {
      let flag = $(this).prop('checked');
  
      $('tbody .checkitem').prop('checked', flag);
    })
    //点击每一项 如果每一项都选中 全选按钮要选中
    $('tbody').on('click', '.checkitem', function () {
      let checkNum = $('tbody .checkitem').length;
      let checkedNum = $('tbody .checkitem:checked').length;
      console.log(checkNum,checkedNum);
      checkNum == checkedNum ? $('.checkall').prop('checked', true) : $('.checkall').prop('checked', false);
    })
  </script>
<script>
$('.add').on('click',function(){
  $('.text-from1').stop().slideDown('slow');
});
$('.add-t .Asure').on('click',function(){
  alert('添加成功');

});
$('.vtab').on('click','.edit',function(){
  $('.text-from2').stop().slideDown('slow');
});
$('.edit-t .Bsure').on('click',function(){
  alert('修改成功');

});



</script>
<script type="text/javascript" color="0, 0, 0" pointColor="0, 0, 0" opacity='1' zIndex="-2" count="100"
    src="../background-special-effects/dist/canvas-nest.js"></script>
<script type="text/javascript" src="../background-special-effects/dist/canvas-nest.umd.js"></script>
<script type="text/javascript">
    var cn = new CanvasNest(document.getElementById('area-render'), {
        color: '0,0,0',
        count: 50,
    });

    // var scene = document.querySelector('body');
    // var parallax = new Parallax(scene, {
    //     calibrateX: false,
    //     calibrateY: true,
    //     invertX: false,
    //     invertY: true,
    //     limitX: false,
    //     limitY: 10,
    //     scalarX: 2,
    //     scalarY: 8,
    //     frictionX: 0.2,
    //     frictionY: 0.8
    // });
</script>

</html>